<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<title>分类类别</title>
<body>
	<!-- Layout Begin -->
	<div class="easyui-layout" data-options="fit:true">
		<div data-options="region:'north',split:true,border:false" style="height: 40px;">
			<table>
				<tr>
					<td><a id="btn_add" class="easyui-linkbutton" data-options="group:'g1',iconCls:'icon-add'">添加</a></td>
					<td><a id="btn_dele" class="easyui-linkbutton" data-options="group:'g1',iconCls:'icon-remove'">删除</a></td>
					<td><a onclick="grid.datagrid('reload');" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'ext-icon-arrow_refresh'">刷新</a></td>
				</tr>
			</table>
		</div>

		<div data-options="region:'center',border:false">
			<table id="grid"></table>
		</div>

		<div data-options="region:'east',split:true,border:false" style="width: 50%; padding: 5px;">
			<form id="form" name="form" method="post" class="form">
				<fieldset>
					<legend>
						基本信息--<span id="operateMode_title">添加模式</span>
					</legend>
					<table class="table">
						<tbody>
							<tr>
								<th>编号</th>
								<td><input id="id" name="id" readonly="readonly" class="textbox" style="height: 22px;" /></td>
							</tr>
							<tr>
								<th>类别名称</th>
								<td><input name="name" class="textbox easyui-validatebox" style="height: 22px;" data-options="required:true" /></td>
							</tr>
							<tr>
								<th>类别描述</th>
								<td><textarea name="description"></textarea></td>
							</tr>
							<tr>
								<th>添加时间</th>
								<td><input name="created" data-options="disabled:true" class="easyui-datetimebox" style="width: 180px;" /></td>
							</tr>
							<tr>
								<th>修改时间</th>
								<td><input name="edited" data-options="disabled:true" class="easyui-datetimebox" style="width: 180px;" /></td>
							</tr>
							<tr>
								<th>操作</th>
								<td><a id="operateMode_submit" class="easyui-linkbutton" data-options="iconCls:'icon-save'">确定</a> <a id="operateMode_reset" class="easyui-linkbutton" data-options="iconCls:'icon-reload'">重置</a></td>
							</tr>
						</tbody>
					</table>
				</fieldset>
			</form>
		</div>
	</div>
	<script type="text/javascript">
		$(function() {
			var gird;
			grid = $('#grid').datagrid({
				fit : true,
				border : false,
				collapsible : false,
				rownumbers : true,
				pagination : true,
				singleSelect : true,
				rownumbers : true,
				url : ctx + 'listCSysClasstype.do',
				columns : [ [ {
					field : 'id',
					title : 'ID',
					width : 40
				}, {
					field : 'name',
					title : '类别名称',
					width : 150
				}, {
					field : 'description',
					title : '类别描述',
					width : '120'
				} ] ],
				onLoadSuccess : function(data) {
					$('.iconImg').attr('src', fw.pixel_0);
				},
				onClickRow : function(index, row) {
					$("#form").form("load", row);
					$("#operateMode_title").html("修改模式");
				}
			});

			//添加操作
			$("#btn_add").click(function() {
				$("#operateMode_title").html("添加模式");
				$('#grid').datagrid("unselectAll");
				$("#id").attr("value", 0);
				$("#form").form("reset");
			})

			//删除操作
			$("#btn_dele").click(function() {
				var rows = $('#grid').datagrid('getSelections');
				if (rows <= 0) {
					$.messager.show({
						title : message.title.normal,
						msg : message.grid_select,
						timeout : message.timeout,
						showType : message.showType
					});
				} else {
					$.messager.confirm(message.title.askTitle, message.dele_comfirm, function(r) {
						if (r) {
							var idValue = $("#form input[name='id']").val();
							$.post(ctx + "delCSysClasstype.do", {
								id : idValue
							}, function(result) {
								if (result.success) {
									$.messager.show({
										title : message.title.normal,
										msg : message.dele_success,
										timeout : message.timeout,
										showType : message.showType
									});
									grid.datagrid('reload');
								} else {
									$.messager.show({
										title : message.title.normal,
										msg : message.dele_fail,
										timeout : message.timeout,
										showType : message.showType
									});
								}
							}, 'json');
							$("#btn_add").click();
						}
					});
				}
			})

			//确认提交操作
			$("#operateMode_submit").click(function() {
				var idValue = $("#form input[name='id']").val();
				if ($('#form').form('validate')) {
					if (idValue > 0) {
						//修改
						$.post(ctx + "updateCSysClasstype.do", fw.serializeObject($('form')), function(result) {
							if (result.success) {
								$.messager.show({
									title : message.title.normal,
									msg : message.update_success,
									timeout : message.timeout,
									showType : message.showType
								});

								grid.datagrid("reload");

								//重新获取form信息内容
								$("#form").form("load", ctx + "getSysClasstypeById.do?id=" + idValue);
							}
						}, 'json');
					} else {
						//添加
						$.post(ctx + "addCSysClasstype.do", fw.serializeObject($('form')), function(result) {
							if (result.success) {
								$.messager.show({
									title : message.title.normal,
									msg : message.add_success,
									timeout : message.timeout,
									showType : message.showType
								});
								grid.datagrid("reload");
								$("#form").form("reset");
							}
						}, 'json');
					}
				}
			})
			
			//重置操作
			$("#operateMode_reset").click(function() {
				var idValue = $("#form input[name='id']").val();
				if (idValue > 0) {
					$("#form").form("load", ctx + "getSysClasstypeById.do?id=" + idValue);
				} else {
					$("#form").form("reset");
				}
			})


		});
	</script>
</body>